<?php echo $this->Html->script(array('jquery','cloud-zoom.1.0.2.min')); ?>
<div id="detalhes_produto">
    <h1><?php echo $produto["Produto"]["nome"] ?></h1>
    <div id="infos_comandos">
        <div class="preco"> R$ <?php echo number_format($produto["Produto"]["valor"], 2, ',', '.') ?></div>
        <a href="<?php echo Dispatcher::baseUrl() ?>/produtos/adicionarCarrinho/<?php echo $produto["Produto"]["id"] ?>" class="btn_comprar">Adicionar ao carrinho</a>
    </div>
    <?php if(count($produto["Imagem"])>0):?>
    <div id="conteiner_fotos">
        <a href='<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/<?= $produto["Imagem"][0]["path"]; ?>' class = 'cloud-zoom' id='zoom1'
            rel="adjustX: 10, adjustY:-4">
            <img src="<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/thumb_<?= $produto["Imagem"][0]["path"]; ?>" alt='' title="Detalhes" />
        </a>

    <?php 
    foreach ($produto["Imagem"] as $img): ?>
        <a href='<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/<?= $img["path"]; ?>' class='cloud-zoom-gallery'
        	rel="useZoom: 'zoom1', smallImage: '<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/thumb_<?= $img["path"]; ?>' ">
            <img src="<?php echo Dispatcher::baseUrl() ?>/uploads/produtos/thumb_<?= $img["path"]; ?>" class="small" /></a>
        
        <?php endforeach; ?>

    
    </div>
    <?php endif; ?>
    <?php echo $produto["Produto"]["descricao"] ?>
</div>
